<template>
    <div class="outside">
        <div class="title">
            <p class="left"><img v-if="imgUrl" :src="imgUrl" /><b>{{title}}</b></p>
            <p v-if="company" class="danwei">单位：{{company}}</p>
        </div>
        <slot></slot>
    </div>
</template>
<script>
export default {
    props:{
        imgUrl:{},
        title:{type:String, default: ''},
        company:{type:String, default: ''},
    }
}
</script>
<style lang="scss" scoped>
.outside{
    p{
        margin:0;
        height:20px;
        line-height:20px;
    }
     width:100%;
     b{
        font-size:18px!important;
     }
    
     .title{
       width:100%;
       height:auto;
       display:flex;
       justify-content: space-between;
       align-items: center;
       line-height:20px;
       padding-bottom:15px;
        border-bottom:1px solid #ddd;
        margin:0;
       .left{
           display:flex;
           justify-content: flex-start;
           align-items: center;
           img{
               width:20px;
               height:20px;
               margin-right:10px;
           }
       }
       .danwei{
           font-size:14px;
       }
   }
}
   
</style>